

/* @font-face {
  font-family: 'DINAlternate-Bold';
  src: url('./assets/DIN\ Alternate\ Bold.ttf');
} */

/* @font-face {
  font-family: 'DINCondensed-Bold';
  src: url('./assets/DINCondensed.ttf');
} */

*{
  -webkit-touch-callout: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

html, body, #root {
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  font-family: 'PingFang SC','Microsoft YaHei','Helvetica Neue','Helvetica','Arial',sans-serif;

}
html{
  animation: showPage 1s normal ease-in-out;
}

#animateDiv{
  width: 100%;
  height: 100%;
  animation: showPage 1s normal ease-in-out;

}




@keyframes showPage {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

div,p,a,span,h1,h2,h3,h4,h5,h6{
  box-sizing: border-box;
}

.text-ellipsis{
  overflow: hidden;    
  text-overflow:ellipsis;    
  white-space: nowrap;
}

.text-ellipsis-2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.text-ellipsis-3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

  .paddingT8{
    padding-top: 8px!important;
  }
  .paddingT6{
    padding-top: 6px!important;
  }
  .paddingT4{
    padding-top: 4px!important;
  }
  .paddingT2{
    padding-top: 2px!important;
  }
  .paddingT0{
    padding-top: 0px!important;
  }

  @keyframes rightToLeft {
    0% {
     transform: translate(80px,0);
    }
  
    100% {
     transform: translate(0,0);
    }
  }
  
  
    
  .runIn1 {
    animation: rightToLeft 0.4s 0s normal ease-in-out;
    animation-fill-mode:backwards;
  }
  .runIn2 {
    animation: rightToLeft 0.4s 0.05s normal ease-in-out;
    animation-fill-mode:backwards;
  }
  .runIn3 {
    animation: rightToLeft 0.4s 0.1s normal ease-in-out;
    animation-fill-mode:backwards;
  }
  .runIn4 {
    animation: rightToLeft 0.4s 0.15s normal ease-in-out;
    animation-fill-mode:backwards;
  }